
        <style type="text/css">
            body{
                background-color: gray;
            }
            .content{
                 position: absolute;
                left: 0;
                right: 0;
                overflow-x:hidden;
                overflow-y:auto;
                padding-bottom: 49px !important;
            }
            .interview-content{
               width: 100%;
               margin-top: 20px;
               background-color: white;
               color: gray;
            }
            .interview{
                width: 90%;
                margin: 10px auto;
            }
            .interview-text{
                height: 50px;
                border-bottom: 1px solid gray;
            }
            .interview-title{
                padding-top: 10px;
            }
            .person .interview-text,.linkType .interview-text{
                height: 30px !important;
            }
            .linkType{
                padding-bottom: 30px !important;
            }
            .interview-send{
                text-align: center;
                width: 80%;
                height: 40px;
                margin: 0 auto;
                margin-top: 50px;
                background-color: rgb(81, 79, 79);
                color: white;
                line-height: 40px;
                border-radius: 5px;
            }
            .interview-tip{
                padding: 10px 10px;
            }
             .usePeople-notpass{
                width: 30%;
                float: left;
                margin: 50px 0 0 50px;
                border-radius: 5px;
                background-color: white !important;
                border-color: white;
                color: gray;
            }
            .usePeople-pass{
                 width: 30%;
                float: right;
                margin: 50px 50px 0 0;
                border-radius: 5px;
                background-color: #505356;
                border-color: #505356;
                color: white;

            }
            .ui-dialog-cnt{
                width: 100%;
                margin: 50% auto;
            }
            .ui-dialog-text{
                width: 90%;
                margin: 0 auto;
                font-size: 10px;
                color: gray;
            }
            #notpass-result .ui-dialog-bd{
                padding-bottom: 0px;
            }
            .ui-dialog-result{
                display: block;
                width: 90%;
                min-height: 80px;
                margin: 0 auto;
                border: 1px solid gray;
            }
        </style>

        <div class="content">
            <div class="interview-tip">
                饶大奇在html5前端工程师的试用期即将结束，他的表现是否适合贵方的要求呢？
                <br/>        
                <br/>        
                如果合适，你可以点击正式录用，结束试用期并且向推荐人打款。
            </div>
            <div class="interview-content">
                <div class="interview time-star">
                    <div class="interview-title">试用期开始时间</div>
                    <div class="interview-text">
                        <div></div>
                    </div>
                </div>
                <div class="interview time-stop">
                    <div class="interview-title">试用期结束时间</div>
                    <div class="interview-text">
                        <div></div>
                    </div>
                </div>
                <div class="interview place">
                    <div class="interview-title">工作地点</div>
                    <div class="interview-text">
                        <div></div>
                    </div>
                </div>
                <div class="interview person">
                    <div class="interview-title">联系人</div>
                    <div class="interview-text">
                        <div></div>
                    </div>
                </div>
                <div class="interview linkType">
                    <div class="interview-title">联系方式</div>
                    <div class="interview-text">
                        <div></div>
                    </div>
                </div>
            </div>
            <button type="button" id="usePeople-notpass" data-complete-text="取消成功!" class="btn btn-primary usePeople-notpass" autocomplete="off">不通过</button>

            <button type="button" id="usePeople-pass" data-complete-text="保存成功!" class="btn btn-primary usePeople-pass" autocomplete="off">正式录用</button>

            <div class="ui-dialog" id="notpass-dialog">
                <div class="ui-dialog-cnt">
                    <div class="ui-dialog-bd">
                        <h4>!</h4>
                        <div>你确定不通过饶大奇的试用期吗？</div>
                    </div>
                    <div class="ui-dialog-ft ui-btn-group">
                        <button type="button" class="notpass-cacel">取消</button>
                        <button type="button" class="notpass-sure">确定</button>
                    </div>
                </div>
            </div>
            <div class="ui-dialog" id="notpass-result">
                <div class="ui-dialog-cnt">
                    <div class="ui-dialog-bd">
                        <h4>请输入不通过的原因</h4>
                        <!-- <div>你确定不通过饶大奇的试用期吗？</div>
                    -->
                </div>
                <div class="ui-dialog-text">我们发现，当你输入了原因后，推荐人后续推荐的候选人的时候会更加符合你的要求。</div>
                <form>
                    <input type="text" class="ui-dialog-result"></form>

                <div class="ui-dialog-ft ui-btn-group">
                    <button type="button" class="notpass-cacel">取消</button>
                    <button type="button" class="notpass-send">发送</button>
                </div>
            </div>
        </div>
        <div class="ui-poptips ui-poptips-success" style="display:none">
            <div class="ui-poptips-cnt"> <i></i>
                发送成功
            </div>
        </div>
        </div>

        <script type="text/javascript">
       $("#usePeople-notpass").on("click",function(){
            $("#notpass-dialog").show();
       });
       $("#notpass-dialog button").on("click",function(){
            $(".ui-dialog").hide();
       });
       $(".notpass-sure").on("click",function(){
            $("#notpass-result").show();
       })
       $(".notpass-send").on("click",function(){
            $(".ui-dialog").hide();
            $(".ui-poptips").show();
            setTimeout(function(){
                $(".ui-poptips").hide();
            }, 1000);
            setTimeout(function(){
                window.location.href = "recommendDetail"
            }, 2000);
       })
    </script>